<script setup lang="ts">
import { IPackAntvX6 } from '../inter';

    
    const props = defineProps<IPackAntvX6.MenuProps>();
    const {title,operates,main} = props;

</script>

<template>
    <div class="w-full h-10 flex overflow-hidden">
        <!-- title -->
        <div class="flex-1 overflow-hidden flex items-center">
            <template v-for="e in title">
                <span v-if="typeof e == 'string'">{{ e }}</span>
                <component v-else :is="e" :main="main"></component>
            </template>
        </div>
        <!-- operate -->
        <div class="overflow-hidden w-fit">
            <template v-for="e in operates">
                <component :is="e" :main="main"></component>
            </template>
        </div>
    </div>
</template>